<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>NodoorServe</title>
	<!-- 引入swiper -->
	<link rel="stylesheet" href="js/swiper-2.7.6/swiper.min.css">
	<!-- 引入字体图标 -->
	<link rel="stylesheet" type="text/css" href="js/font-awesome/css/font-awesome.css" />
	<!-- Bootstrap -->
	<link href="js/bootstrap/bootstrap.min.css" rel="stylesheet">
	<!-- 引入全局配置 -->
	<link rel="stylesheet" type="text/css" href="css/start.css">

	<!--引入公共样式-->
	 <link rel="stylesheet" type="text/css" href="css/common.css" /> 
	<link rel="stylesheet" type="text/css" href="css/homepage.css">
</head>

<body class="placeOrder">
  <!-- 头部开始 -->
<div id="header">
  <div class="top">
    <div class="top-left">
      <i class="fa fa-map-marker "></i>
      <a href="javascript:void(0)" class="one">广州</a>
      <a href="javascript:void(0)" class="two">切换城市</a>
    </div>
    <div class="top-right">
      <a class="one">
        <i class="fa fa-user"></i> 朱莉
      </a>
      <a href="javascript:void(0)">退出</a>
      <a href="javascript:void(0)">帮助中心</a>
      <a href="javascript:void(0)">网站导航</a>
      <a href="javascript:void(0)">手机APP</a>
    </div>

  </div>
  <div class="searchBox">
    <div class="search">
      <div class="search-left">
        <h3>互生 <small>商务服务</small></h3>
      </div>
      <div class="search-right">
        <div class="one">
          <input type="text" name="search" id="search" value="输入商家名称、分类或地区" placeholder="输入商家名称、分类或地区" />
          <a href="javascript:void(0)">
            <i class="fa fa-search"></i>
          </a>
        </div>

        <div class="two">
          <a href="#">运动健身</a>
          <a href="#">瑜伽</a>
          <a href="#">羽毛球</a>
          <a href="#">CS</a>
          <a href="#">农家乐</a>
          <a href="#">私人影院</a>
        </div>
      </div>

    </div>

  </div>

</div>
<!-- 头部结束 -->
<div class="container">
<div class="mainBox">
<div class="left">
  <img src="img/预约成功.png" alt="">
</div>
<div class="right">
  <h2>您已成功购买“【健身+1天】单人一日健身”</h2>
  <div class="text">
    您可以随时进入"我的订单"查看条形码,到店出示条形码即可消费
  </div>
  <div class="pay">
  支付金额:<img src="img/jinbi.png" alt="">
  <span>18.8</span>
  </div>
  <div class="pay">
  消费积分:<img src="img/integral.png" alt="">
  <span style="color:#005daa;font-size:13px;">400</span>
  </div>
  <button type="button" class="btn btn-danger checkDet" name="button">查看我的订单</button>
</div>
</div>
</div>



<!--**********底部开始**********-->
<div class="foot" id="foot">
<p>
  <strong>客服热线： </strong>
  <a href="javascript:void(0)">
    0755-83344111
  </a>
  <span class="foot-adition">2013-2018 </span>
  <span>
      深圳市互生电子商务有限公司
    </span>
  <span>
      粤ICP备案号14100052号
    </span>
</p>
</div>
  <!--**********底部结束**********-->
</body>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="js/common/jquery-1.12.2.js"></script>

<!-- 引入swiper插件 -->
<script type="text/javascript" src="js/swiper-2.7.6/swiper.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="js/bootstrap/bootstrap.min.js"></script>
<!-- 让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<script type="text/javascript" src="js/common/respond.min.js"></script>
<script type="text/javascript" src="js/common/html5.min.js"></script>
<script type="text/javascript" src="js/common/common.js"></script>
<script type="text/javascript">
  var mySwiper = new Swiper('.swiper-container', {
    swipeToNext: true,
    pagination : '.pagination',
    paginationClickable: true,
    autoplay: 5000, //可选选项，自动滑动
    loop: true, //可选选项，开启循环

  })
  $('#prve').click(function(){
  mySwiper.swipePrev();
  })
  $('#next').click(function(){
  mySwiper.swipeNext();
})
</script>




</html>
